* {
	font-family:Sans-Serif;
	}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.2em;
	color:darkred;
	}
h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.1em;
	}
h3 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1em;
	font-style: underline;
	font-weight: bold;
	color:black;
	}
h4 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1em;
	font-style: underline;
	font-weight: bold;
	color:darkred;
	}
h5 {
	font-family:"Times New Roman", Times, serif;
	font-size: .9em;
	text-decoration: underline;
	font-weight: bold;
	color:black;
	}
text {
	font-size:.9em;
	}
p{
	font-size:.9em;
	}
li{
	font-size: 0.8em;
	color:Black;
	}
a{
	color:black;
	text-decoration: none;
	font-weight: bold;
	}
a:hover{
	color:darkgreen;
	text-decoration: none;
	font-weight: bold;
	}
a:onclick{
	color:black;
	text-decoration: none;
	font-weight: bold;
	}
body {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#EEE ;
	max-width:600px;
	min-width:400px;
	min-height:400px;
	}
.menubar {
	background:white;
	text-align:right;
	color: black;
	padding:2px;
	border:1px solid #CCC;
	}
.menubar  a{
	color: green;
	}	
.menubar  a:hover{
	color: lightgreen;
	}	
.menubar  a:onclick{
	color: darkgreen;
	}	
.downloadlinks{
	display: inline-block;
	}
.signoutlinks{
	display: inline-block;
	}
.logobar {
	text-align:left;
	background-color:Darkgreen;
	background: -webkit-linear-gradient(left,Darkgreen 30%,green 50%,lightgreen 70%,white); /* For Safari */
	background: -o-linear-gradient(right,Darkgreen 30%,green 50%,lightgreen 70%,white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right,Darkgreen 30%,green 50%,lightgreen 70%,white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,Darkgreen 30%,green 50%,lightgreen 70%,white); /* Standard syntax */
	color: White;
	font:bold 24px Ariel, Sans-serif;
	Margin-top:5px;
	Margin-bottom:5px;
	padding:10px;
	border:1px solid White;
	href:"http://inpursuitstudy.com/welcome";
	}
.logobar span{
	color:White;
	}

.middle {
	text-align: left;
	display:block;
	vertical-align: middle;
	position:relative;
	}
	
.sidebar {
	position:absolute;
	z-index:24;
	display:block;
    width:100%;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.sidebar:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.sidelinks {
	position:relative;
	width:20%;
	display: inline-block;
	vertical-align:top;
	padding:1.5%;
	background-color:#FFF;
	text-align:left;
	color: #060;
	font:bold 1em Ariel, Sans-serif;	
	border:2px solid White;
	}
	
.active{
	//background-color:#DDD;
}	

.sidelinks ul{
    list-style-type: decimal;
//	list-style-position:outside;

	padding:10px;
	padding-bottom:0px;
    padding-left: 0px;

	//    padding-top: 10px;
    margin: 0px;
	display: none;
//	position:absolute;

	background-color:#FFF;
//	border:2px solid #DDD;
//	border-top:2px solid #FFF;
	width:100%;
	}
.sidelinks:hover{	
	cursor:pointer;
}

.sidelinks ul li {
    list-style-type: decimal;
//	list-style-position:outside;

	margin-bottom:.2em;
	//background:#FFFFAA;
	display: block;
	color: #000;
	font:bold .8em Ariel, Sans-serif;	
		width:100%;
	}

.sidelinks ul li  a{
	display:block;
	width:100%;
	}
.container {
	width:100%;
	display: inline-block;
	vertical-align:top;
	position:absolute;
	top:50px;
	}
	
#container-fade {
	width:100%;
	//padding:5%;
	//left:-5%;
	height:80vh;
	z-index:23;
	position: absolute;
	background:#EEE;
	display:none;
	opacity:0.6;
}	

.weektabs-nav {
	position: relative;
	width:100%;
	top:3px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	color: black;
	list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
	}

.weektabs-nav:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
	
.weektabs-nav  li{
	width:13%;
	position: relative;
//	top:0px;
	z-index:0;
	display:inline-block;
	opacity:.8;
	background-color:#CF8;
	text-align:center;
	color: #040;
	padding:0.4em;
	margin: 0 2px;
	border: solid darkgreen 1px;
	border-bottom: solid white;
}

.weektabs-nav  li:hover{
	opacity:.99;
	cursor:pointer;

}
.weektabs-nav a{
	color:darkgreen;
	}
.weektabs-nav div{
	display:inline-block;
	}

.weektabs-nav  li.selected-tab{
	z-index:12;
	opacity:1;
	padding-left:1%;
	padding-right:1%;
	background: #FFF;
	font-weight: bold;
	border: solid darkgreen 2px;
	border-bottom: solid white;
}	

.content {
	width:100%;
	color:black;	
	border:2px solid #080;
	min-height:400px;
	display: inline-block;
	vertical-align:top;
	position:absolute;
	visibility: hidden;
	background-color:#FFF;
	text-align:left;
//	margin-right;
	padding:10%;
	margin-bottom:10px;
	top:39px;
	box-sizing: border-box;
	}

.quote {
	background:#CCCCAA;
	padding:.6em;
	}	


.bottomcontent{
	width:100%;
	padding:1em;
	text-align:left;
//	background-color:white;
//	opacity:.8;
	height:20px;
	}
.postbar{
	text-align:center;
	background-color:white;
	opacity:.8;
	}
.foot {
	width:100%;
	position:static;
	bottom:0px;
	padding:1em;
	background-color:grey;
	opacity:.8;
	text-align:left;
	color: black;

	}
.summarytable {
	padding:10px;
	border:1px;
	}
.summarytable td{
	padding:5px;
	margin:0 5px;
	background: #FFF;

	}	
.summarytable td:hover{
	background: #FFF;
	cursor:pointer;
	}
.summarytable a{
	color:black;
	}
.summarytable a:hover{
	color:black;
	cursor:pointer;
	}

.scripturelink {
	color:black;
	padding:5px;
	font-weight: bold;
	background: #FFF;
	border:1px solid #080;

	}
.scripturelink:hover{
	color:black;
	padding:5px;
	font-weight: bold;
	background: #FFF;
	border:1px solid #CFC;
	}
.scripturelink a{
	color:black;
	}

	
.announcement
	{
	width:100%;
	color:black;	
	border:2px solid #CCC;
	min-height:400px;
	display: inline-block;
	vertical-align:top;
	background-color:#FFF;
	text-align:left;
	padding:10%;
	margin-bottom:10px;
	box-sizing: border-box;
	}

.resources{
	width:100%;
	color:black;	
	border:2px solid #CCC;
	min-height:400px;
	display: inline-block;
	vertical-align:top;
	background-color:#FFF;
	text-align:left;
	padding:10%;
	margin-bottom:10px;
	box-sizing: border-box;
	}

.resources a{
	color:black; 
	}
.resources a:hover{
	color:black; 
	}
.resources a:onclick{
	color:black; 
	}

.resourcelink{
	background-color:#EEE;
	border:10px solid white;
	width:150px;
	height:150px;
	vertical-align:top;
	padding:15px;
	text-align:center;
	}

.resourcelink p{
	text-align:center;
	}

.resourcelink img{
	width:100px;
	height:100px;
	display: block;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	}

.smallresourcelink{
	display: inline-block;
	background-color:#EEE;
	border:10px solid White;
	width:100px;
	height:100px;
	vertical-align:top;
	padding:15px;
	text-align:center;
	}

.smallresourcelink p{
	text-align:center;
	font-size:0.8em;
	font-weight:normal;
	}

.smallresourcelink img{
	width:60px;
	height:60px;
	display: block;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	}

.nextbuttonleft {
	text-align:left;
	margin-right: 0px;
	float: left;
	background: Darkgreen;
	color: white;
	font:bold 16px Ariel, Sans-serif;
	Margin-top:1em;
	Margin-bottom:1em;
	padding:1em;
	border:2px solid grey;

	}
.nextbuttonright {
	text-align:left;
	margin-right: 0px;
	float: right;
	background: Darkgreen;
	color: white;
	font:bold 16px Ariel, Sans-serif;
	Margin-top:1em;
	Margin-bottom:1em;
	padding:1em;
	border:2px solid grey;

	}
.nextbuttonleft:hover, .nextbuttonright:hover {
	background:green;
	color:beige;
}


.locationlinks {
	width:100%;
	background-color:white;
	opacity:.8;
	text-align:left;
	color: black;
	font-size:.8em;
	list-style-type: none;
	margin: 0;
    padding: 0;
	}


.infobox {
	width:30%;
	border:5px solid #EEE;
	background-color:#FFF;
	Position:relative;
	right:5px;
	Padding:5px;
	float:right;
	margin:10px;
	}
@media (max-width: 72em) {
	body {
	max-width: 100%;
	}
	.content {
		font-size:x-large;
	}
	.container{
		top:70px;
	}
	.weektabs-nav li {
		font-size:x-large;
	}
	.sidebar {
		font-size:x-large;	
		max-height: 60px;
	}
}